<template>
  <el-card class="box-card">
    <div v-html="adDetails"></div>
  </el-card>
</template>

<script>
export default {
  name: "showAdDetails",
  computed: {
    adDetails() {
      let id = this.$route.query.id;
      let adList = this.$store.state.mysystem.adList;
      let adDetails = adList.find(item => {
        return item.id.timestamp == id;
      });
      console.log(this.$store.state.mysystem.adList);
      console.log(adDetails.textContent);
      return adDetails.textContent;
    }
  }
};
</script>

<style lang="scss" scoped>
.box-card {
  width: 80vw;
  // min-width: 200px;
  margin: 20px auto;
  min-height: 500px;
  word-wrap:break-word;
  position: relative;
}
</style>